<template>
    <view>
      <cu-custom bgColor="bg-gradual-blue" :isBack="true">
              <block slot="backText">返回</block>
              <block slot="content">应用设置</block>
          </cu-custom>
    <view class="setting-container" :style="{height: `${windowHeight}px`}">
      <view class="menu-list">
        <view class="list-cell list-cell-arrow" @click="goAboutMe">
          <view class="menu-item-box">
            <view class="iconfont icon-user menu-icon"></view>
            <view>关于作者</view>
          </view>
        </view>
        <view class="list-cell list-cell-arrow" @click="handleAbout">
          <view class="menu-item-box">
            <view class="iconfont icon-password menu-icon"></view>
            <view>关于菜鸟</view>
          </view>
        </view>
        <view class="list-cell list-cell-arrow" @click="goSalary">
          <view class="menu-item-box">
            <view class="iconfont icon-refresh menu-icon"></view>
            <view>薪资排名</view>
          </view>
        </view>
        <view class="list-cell list-cell-arrow" @click="goCourse">
          <view class="menu-item-box">
            <view class="iconfont icon-clean menu-icon"></view>
            <view>课班信息</view>
          </view>
        </view>
        <view class="list-cell list-cell-arrow" @click="contact">
          <view class="menu-item-box">
            <view class="iconfont icon-clean menu-icon"></view>
            <view>项目需求</view>
          </view>
        </view>
        <view class="list-cell list-cell-arrow" @click="callPhoneNumber" data-number="18727265998">
          <view class="menu-item-box">
            <view class="iconfont icon-clean menu-icon"></view>
            <view>技术支持</view>
          </view>
        </view>
        <view class="list-cell list-cell-arrow"open-type="feedback">
          <view class="menu-item-box">
            <view class="iconfont icon-clean menu-icon"></view>
            <view>问题反馈</view>
          </view>
        </view>
      </view>
    </view>
    </view>
      
    
  </template>
  
  <script>
    export default {
      data() {
        return {
          windowHeight: uni.getSystemInfoSync().windowHeight
        }
      },
      methods: {
       // 关于作者
		goAboutMe() {
			uni.navigateTo({
				url: '../../me/aboutMe'
			})
		},
		// 关于菜鸟
		handleAbout() {
			this.$tab.navigateTo('/pages/mine/about/index')
		},
		// 薪资排名
		goSalary() {
			uni.navigateTo({
				url: '../../me/salary'
			})
		},
		// // 课班信息
		goCourse() {
			uni.navigateTo({
				url: '../../me/course'
			})
		},
        //拨打固定电话
		callPhoneNumber() {
			uni.makePhoneCall({
				phoneNumber: "18727265998",
			});
		},
		goMedal() {
			uni.navigateTo({
				url: '/pages/mine/info/index'
			})
		},
      }
    }
  </script>
  
  <style lang="scss" scoped>
    .page {
      background-color: #f8f8f8;
    }
  
    .item-box {
      background-color: #FFFFFF;
      margin: 30rpx;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 10rpx;
      border-radius: 8rpx;
      color: #303133;
      font-size: 32rpx;
    }
  </style>
  